﻿<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>这里是前端公共的模板页</title>
    <link href="~/Content/CSS/base.css" rel="stylesheet" />
    <script src="~/Scripts/jquery-1.7.1.min.js"></script>
    <script>
        $(function () {
            SetMenuState();
        });

        //设置顶部菜单选中状态
        function SetMenuState() {
            var href = location.href;
            //class="active"
            var ids = href.split('/');
            var id = "home";
            if (ids.length > 4) {
                id = ids[4];
            }
            $("#" + id).addClass('active')
        }


    </script>
</head>
<body>
    <div class="menu">
        <ul>
            <li id="home"><a href="/" class="home">Home</a></li>
            <li id="Wish"><a href="/Front/Wish/WishIndex" class="wishlist">Wish List (0)</a></li>
            <li id="User"><a href="/Front/User/UserIndex" class="account">My Account</a></li>
            <li id="Cart"><a href="/Front/Cart/CartIndex" class="cart">Shopping Cart</a></li>
            <li id="Login" style="float: right;"><a href="/Front/Login/Login" class="login">Login</a></li>
            <li id="Regist" style="float: right;"><a href="/Front/Login/Regist" class="register">Register</a></li>
        </ul>
    </div>
    <div style="width: 1000px; margin: 0 auto;">
        <div id="cart">
            <div class="heading">
                <a style="padding: 8px; margin-left: -14px;">Shopping Cart</a>
                <span style="font-size: 14px; color: #fff;">&raquo;</span>
                <a><span id="cart_total">0 item(s) - $0.00</span></a>
            </div>
            <div class="content"></div>
        </div>
        <div id="search">
            <div class="button-search"></div>
            <input type="text" name="filter_name" value="Search" onclick="this.value = '';" onkeydown="this.style.color = '#888';" />
        </div>
    </div>
    <div class="header">
        <div class="logo_img">
            <a href="/">
                <img alt="Site Name" src="~/Content/Images/logo.png">
            </a>
        </div>
    </div>
    @{Html.RenderAction("CategoryList", "PartialView", new { area = "front" });}
    @RenderBody()
    <br />
    <div class="icart-footer">
        <div class="icart-footer-top">
            <div style="width: 1000px; margin: 0 auto;">
            </div>
        </div>
        <div class="icart-footer-container">
            <div class="column_footer" style="width: 350px;">
                <h3>About Us</h3>
                <div class="footer_description">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante felis, aliquet sagittis lacus.
                    Etiam in purus vitae tortor lacinia pretium. Maecenas quam diam, porttitor bibendum lacinia a,
                    feugiat sit amet felis. Praesent ut mi justo, a volutpat ligula. Praesent sodales felis sed
                    odio consectetur eget cursus metus mollis. Proin sollicitudin accumsan lectus a ornare...
                </div>
            </div>

            <div class="column_footer">
                <h3>Customer Service</h3>
                <ul>
                    <li><a href="#">About Us</a></li>
                    <li><a href="#">Delivery Information</a></li>
                    <li><a href="#">Privacy Policy</a></li>
                    <li><a href="#">Terms &amp; Conditions</a></li>
                    <li><a href="#">Contact Us</a></li>
                    <li><a href="#">Returns</a></li>
                    <li><a href="#">Site Map</a></li>
                </ul>
            </div>

            <div class="column_footer" style="width: 150px;">
                <h3>Extras</h3>
                <ul>
                    <li><a href="#">Brands</a></li>
                    <li><a href="#">Gift Vouchers</a></li>
                    <li><a href="#">Affiliates</a></li>
                    <li><a href="#">Specials</a></li>
                </ul>
            </div>
            <div class="column_footer" style="width: 150px;">
                <h3>My Account</h3>
                <ul>
                    <li><a href="#">My Account</a></li>
                    <li><a href="#">Order History</a></li>
                    <li><a href="#">Wish List</a></li>
                    <li><a href="#">Newsletter</a></li>
                </ul>
            </div>

            <div class="column_footer" style="margin-right: 0px;">
                <h3>Social</h3>
                <ul class="social">
                    <li class="twitter"><a href="../../twitter.com/twitter">Twitter Username</a></li>
                    <li class="facebook"><a href="../../facebook.com/Username/default.htm">Facebook</a></li>
                    <li class="rss"><a href="#">RSS Feed</a></li>
                </ul>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="icart-footer-bottom">
            <div style="width: 1000px; margin: 0 auto;">
                <ul>
                    <li style="float: right; padding-top: 10px; list-style: none;">&copy; Copyright &copy; 2014.KNC All rights reserved.</li>
                </ul>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
</body>
</html>
